<!DOCTYPE html>
<html>
	<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/select_table.css" />
		<title></title>
	</head>
	<body> 
		<style>
			/*.blo{
				display: block !important;
			}
			.circle >div{
				display: none;
			}*/
			.span{
				text-decoration: underline;
			}
		</style>
        <div class="web">
                <span class="back">返回</span>
                <div data-bnum = "宾" class="bigTable">
                        <span class="bt_txt">主宾桌</span>
                        <div class="circle circleT"><div data-num= "1" ><img src="img/c_tcon.png" style="display: inline-block;"></div></div>
                        <div class="circle circleLt"><div data-num= "2"><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleRt"><div data-num= "3"><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleLb"><div data-num= "4"><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleRb"><div data-num= "5"><img src="img/c_tcon.png"></div></div>
                        <div class="circle circleB"><div class="toggle"  data-num= "6"><img  src="img/c_tcon.png"></div></div>
                </div>
                <div class="cir_box">
                        <div class="table hastable">
                                <span class="t_txt">第一席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table hastable">
                                <span class="t_txt">第二席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table hastable">
                                <span class="t_txt">第三席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>    
                        <div class="table hastable">
                                <span class="t_txt">第四席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table hastable">
                                <span class="t_txt">第五席</span>
                                <div class="circle circleT ">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>
                        <div class="table addtable">
                                <span class="t_txt"></span>
                                <div class="circle circleT">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleLt">
                                        <div><img src="img/c_tcon.png"></div>
                                </div>
                                <div class="circle circleRt"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleLb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleRb"><div><img src="img/c_tcon.png"></div></div>
                                <div class="circle circleB"><div><img src="img/c_tcon.png"></div></div>
                                
                        </div>                
                </div>
               <footer class="f_text">
                        您是第__位宾客，目前已有__位宾客入席
               </footer>
               <footer class="f_text2">
                        你已成功入席，<br>你的座位是<span class="span1"></span>桌第<span class="span1"></span>位
                </footer>
             
                <a class="homeBtn" href="z_index.html"><img src="img/c_home.png"></a>
           

                <!--弹窗-->
               <div class="Popup">
                        <div class="Popup_content">
                            <p>欢迎来到<span>小李</span>的囍宴</p>
                            <section>我要入席</section>
                            <section>查看囍宴的排行榜</section>
                            <section>我也要制作我的囍宴</section>
                            <span class="close_Pu">
                                    <img src="img/c_close.png">
                            </span>    
                        </div>
               </div>
        </div>
	</body>
</html>
<script src="js/jquery-2.1.0.js"></script>
<script src="js/table.js"></script>
<script src="js/select.js"></script>

</body>
</html>